<template>
    <div>
        <h2>病房显示</h2>   
        <a href="/bfadd">去病房添加</a>
        <tr></tr>
        <a href="/ysxs">去医生信息显示</a>
        <tr></tr>
        <a href="/ksxs">去科室显示</a>
        <tr></tr>



         科室名称  <select v-model="que.ksid">
                        <option value="null">请选择</option>
                        <option v-for="m in ks" :value="m.ksid">{{ m.ksmc }}</option>
                    </select>
                          病房号  <input type="text" v-model="que.bfh">
            <input type="button" value="查询" @click="bfxs">
            <input type="button" value="重置" @click="cz">
           <table class="table">
  




            <thead>
                <tr>
                    <td>病房号</td>
                    <td>所属科室</td>
                    <td>床位总数量</td>
                    <td>状态</td>
                    <td>空闲床数量</td>
                    <td>创建日期</td>
                    <td>操作</td>
                </tr>
            </thead>
            <tbody>
                 <tr v-for="m in data">
                    <td>{{ m.bfh }}</td>
                    <td>{{ m.ksmc }}</td>
                    <td>{{ m.zsl }}</td>
                    <td>{{ m.zt?"启用":"维修" }}</td>
                    <td>{{ m.csl }}</td>
                    <td>{{ moment(m.cjsj).format("YYYY-MM-DD") }}</td>
                    <td>
                    <input type="button" value="修改状态" @click="xg(m.bfid)">

                    </td>
                </tr>
            </tbody>
           </table>
      

    </div>
</template>

<script setup lang="ts">
import axios from 'axios';
import moment from 'moment';
import { ref,onMounted } from 'vue';



const data=ref([{
 "bfid": 1,
    "bfh": "204",
    "ksid": 1,
    "zsl": 20,
    "zt": false,
    "csl": 10,
    "cjsj": "2025-05-19T10:16:30.6343043",
    "ksmc": "毛细血管科室",
    "ksms": "主要是毛细血管出血",
    "kscjrq": "2025-05-19T02:18:51.5"
}])

const cz=()=>{
   que.value. ksid=null,
    que.value. bfh="",
    bfxs()
}
const que=ref({
    ksid:null,
    bfh:"",
})


onMounted(()=>{
    ksxs();
      bfxs();
})
const bfxs=()=>{
    axios.get("https://localhost:7209/api/Housebfxx/xs",{params:que.value}).then(res=>{
        data.value=res.data
    })
}
const ks=ref([{
     "ksid": 1,
    "ksmc": "毛细血管科室",
    "ksrs": "12",
    "ksms": "主要是毛细血管出血",
    "kssc": "",
    "kscjrq": "2025-05-19T02:18:51.5"
}])


const ksxs=()=>{
    axios.get("https://localhost:7209/api/Houseksxx/xss").then(res=>{
        ks.value=res.data
    })
}
const xg=(a:any)=>{
    axios.get("https://localhost:7209/api/Housebfxx/update",{params:{bfid:a}}).then(res=>{
        if(res.data>0){
            alert("修改成功");
            bfxs();

        }else{
            alert("修改失败")
        }
    })
}

</script>

<style scoped>

</style>